<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>结算页</title>
    <link rel="icon" href="/images/icon.png" sizes="18x18">
    <link rel="stylesheet" href="../css/cart.css">
</head>
<body>
  <header>
  </header>
    <main>
      <div class="empty" id="empty">
          <div class="top">
              <ul>
                  <li class="ac">1</br>我的购物袋</li>
                  <li>2</br>提交订单</li>
              </ul>
          </div>
          <div class="bottom">
              <ul>
                  <li>我的购物袋</li>
                  <li>您的购物袋是空的，立即购买您最喜爱的产品</li>
                  <li><a href="/html/allProducts.html">&laquo;继续购物</a></li>
              </ul>
          </div>
      </div>
      <div class="have" id="exist">
          <div class="top">
              <ul>
                <li class="ac">1</br>我的购物袋</li>
                <li>2</br>提交订单</li> 
              </ul>
              <div class="continueshopping"><a href="/html/allProducts.html">&laquo;继续购物</a></div>
          </div>
          <div class="mybag">
              <p>我的购物袋(<span id="shoppingbagtwo">0</span>)个</p>
              <div class="productlist">
                  <input type="checkbox" name="" id="all-check" class="inputall">
                  <ul>
                      <li>全选</li>
                      <li>产品</li>
                      <li>单价</li>
                      <li>数量</li>
                      <li>原价</li>
                  </ul>
              </div>
              <div class="commodity" id="pricelist">
            </div>
            <script type="text/html" id="paymentTemplate">
                {{each cart shop}}
                <div>
                    <input type="checkbox" data-id="{{shop.id}}"name="" id="" class="second" {{shop.check ? 'checked': ''}}/>
                    <div class="littleimg" ><img src="{{shop.photo[0].url}}" alt="" ></div>
                    <div class="edit">
                        <ul>
                            <li class="one">{{shop.title.slice(0,10)+'...'}}</li>
                            <li>{{shop.expireMsg}}</li>
                            <li><span>修改</span><span>删除</span></li>
                        </ul>
                    </div>
                    <div class="unitprice">
                        <ul>
                            <li>￥{{shop.price}}</li>
                            <li>
                                <button class="suntract">-</button>
                                <input type="text" value="{{shop.count}}" class="num">
                                <button class="add">+</button>
                              </li>
                            <li>￥{{shop.originPrice}}</li>
                        </ul>
                    </div>
                </div>
                {{/each}}
              </script>
            <div class="discounts">
                <span>优惠代码(请先登录/注册账户)</span>
                <input type="text" id="code">
                <button>提交</button>
            </div>
            <div class="sunmarize">
                <div class="orderamount">订单总结</div>
                <ul>
                    <li>商品价格</li>
                    <li>运费</li>
                </ul>
                <ol>
                    <li id="totalone">340</li>
                    <li>￥0</li>
                </ol>
            </div>
            <div class="total">
                <ul>
                    <li>总价</li>
                    <li id="totaltwo">340</li>
                </ul>
            </div>
            <div class="lijijiesuan">
                <a href="/html/allProducts.html">&laquo;继续购物</a>
                <span>立即结算</span>
            </div>
          </div>
      </div>
      <script type="text/html" id="paymentTemplate">
        {{each cart shop}}
        
        {{/each}}
      </script>
    </main>
    <footer>
    </footer>
    <script src="/libs/require/require.js" data-main="/js/cart"></script>
</body>
</html>